@charset "utf-8";*{margin:0px;padding:0px;}
*{ font-family:"微软雅黑"}
html,body,b,div,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td{margin:0px auto;padding:0;}
ul{list-style-type:none;}
body{ overflow-x:hidden}
img{ border:0;vertical-align: middle;}
input,select,button{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none; outline:none;
	 color:#fff;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border:none}
input,textarea{ outline:none; }
input:focus,textarea:focus{ outline:none; }
input,textarea{ outline:none; border:0; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#fff;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#fff;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#fff;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#fff;}
   
.sech input::-webkit-input-placeholder { 
/* WebKit browsers */ 
color: #979797; 
} 
.sech input:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #979797; 
} 
.sech input::-moz-placeholder { 
/* Mozilla Firefox 19+ */ 
color: #979797; 
} 
.sech input:-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
color: #979797; 
}
.time1{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s}
.time2{transition:all ease-out .2s 0s;-webkit-transition:all ease-out .2s 0s;-moz-transition:all ease-out .2s 0s;-o-transition:all ease-out .2s 0s}

.l{ float:left}
.r{ float:right}

.main2 {
    width: 100%; float:left;
    margin: 0;
}
.main2 .i_album{width: 100%;height: 100vh;vertical-align: middle;}
.spdiv{ display: block}
.mpar{ display:none}
.tright{ text-align:right}
.tcenter{ text-align:center}
.cur{ cursor:pointer}
.jz{ display:table; margin:0 auto}
.fd{ width:100%;  float:left; margin:0px}
.main{ width:75%; max-width:1200px}
.over{ overflow:hidden}
.pdb50{ padding-bottom:50px; display:inline}
.wd100{ width:100%}
.mgt10{ margin-top:10px}
.mgt15{ margin-top:15px}
.mgt20{ margin-top:20px}
.mgt25{ margin-top:25px}
.mgt30{ margin-top:30px}
.mgt35{ margin-top:35px}
.mgt40{ margin-top:40px}
.mgt50{ margin-top:50px}
.mgt60{ margin-top:60px}
.mgt65{ margin-top:65px}
.mgt80{ margin-top:80px}
.mgt100{ margin-top:100px}
.table-cell {display: table-cell;vertical-align: middle;}
.table {  display: table;}
.pr {
    position: relative;
}

.bg4c8{ background:#4c87c3}
.bgblack{ background:#000}
.bgwhite{ background:#fff}
.fts18{ font-size:18px}
.cff5{ color:#4c87c3}
.cblue{ color:#4c87c3}
.cwhite{ color:#fff}
.cblack{ color:#000}



.float1{ min-height:400px; position:fixed; right:5px; bottom:28%; z-index:99999}
.float1 .nr{ width:50px}
.float1 .sk{ width:50px; height:50px; border:solid 1px #ccc; box-sizing:border-box; background:#fff}
.float1 #ska:hover{ background:#eee}
.float1 .sk .icon{ width:50px; height:50px; display:inline-block}
.float1 .sk .wz5{ width:100%; font:12px/30px "微软雅黑"; color:#fff}
.float1 .sk .tel{ width:0; height:50px; background:#4c87c3; font:18px/50px "微软雅黑"; position:absolute; right:0; top:70px}
.float1 #skb:hover .tel{width:180px;}
.float1 .sk .wxewm{ width:0; height:150px;background:#4c87c3; position:absolute; right:50px; top:0px}
.float1 .sk .wxewm img{ width:132px; border:solid 4px #fff; margin:5px; display:inline}
.float1 #ska:hover .wxewm{width:150px;}
@media screen and (max-width: 1450px)
{
.float1{ min-height:0}
.float1 .nr{ width:50px}

}
.topic{ width:100%; padding-bottom:20px; position:fixed; left:0; top:0; display:block; z-index:9999999; padding:0 4%; box-sizing:border-box}
.topic.active{background:url(../images/tm_b50.png)}
.topic .logo{ width:auto; height:50px; margin:25px 0; display:inline}
.topic .logo img{ width:auto; height:50px}

.topic.active .topmeau li dl{background:#ffffff; box-shadow:0px 0px 4px 1px #ddd;-moz-box-shadow:0px 0px 4px 1px #ddd;-ms-box-shadow:0px 0px 4px 1px #ddd;-webkit-box-shadow:0px 0px 4px 1px #ddd}
.topic.active .topmeau li dl dd .mz_s{ color:#333}
.topic.active .topmeau li dl dd .mz_s:hover{ background:#4c87c3; color:#fff}

.topmeau{ height:40px; margin:30px 0 0 10%; display:inline}
.topmeau li{ display:inline-block;float:left; position:relative} 
.topmeau li:first-child{ margin-left:0}
.topmeau li .mz{ padding:0 28px; height:40px; text-align:center; font:18px/40px "微软雅黑"; color:#fff; z-index:9; text-decoration:none} 
.topmeau li:hover .mz{ color:#4c87c3;box-shadow:0px 3px 3px -3px #999;-moz-box-shadow:0px 3px 3px -3px #999;-ms-box-shadow:0px 3px 3px -3px #999;-webkit-box-shadow:0px 3px 3px -3px #999}
.topmeau li dl{ width:0; background:rgba(0,0,0,0.6); position:absolute; right:0; top:0;z-index:999; overflow:hidden; opacity:0; filter:alpha(opacity=0); border-radius:6px; overflow:hidden; z-index:-1}
.topmeau li:hover dl{ width:100%; opacity:1; filter:alpha(opacity=100); padding-top:42px}
.topmeau li dl dd{ width:100%; height:45px; float:left}
.topmeau li dl dd .mz_s{width:100%; height:45px; font:14px/45px "微软雅黑"; color:#fff; text-align:center; overflow:hidden; text-decoration:none}
.topmeau li dl dd .mz_s:hover{ color:#000; background:#fff}
/**.topmeau li.li_Select a{color:#4c87c3}**/


.top_r{ width:25px; height:100%; position:absolute; right:0px;display:inline; top:0; word-break:break-all}
.top_r .icon{ height:24px; display:inline; position:relative}
.top_r .icon .pic{ width:24px; height:24px}
.top_r .icon .wz{ font:25px/24px "微软雅黑"; color:#fff;  display:inline}


.title{ margin-top:62px; display:inline;}
.title .wz_en{ font: bold 42px/45px "微软雅黑";}
.title .wz_cn{ font: bold 42px/65px "微软雅黑";}
.title .line{ width:66px; height:3px; background:#4c87c3; margin-top:15px; display:inline-block}

.pardiv{ height:580px; background:url(../images/parbg.jpg) no-repeat center center; margin-top:65px; padding:8px 0 70px; box-sizing:border-box}
.par{ width:100%; float:left; height:358px; margin-top:-35px}
.par{ position:relative;}

.par .prev{}
.par .next{ }
.par .horgun{ margin-top:35px; width:100%; float:left}
.par .horgun li{ width:230px; height:100px; margin-right:10px; float:left;}
.par .horgun li img{ width:100%; height:100%;  display:inline-block; object-fit:cover}
.par .horgun li p{ text-align:center; font-size:14px; color:#fff; line-height:24px;}


/* scroll */
.scroll{width:100%; float:left; overflow:hidden; margin-top:-35px}
.picbox{width:100%;height:230px; float:left; margin-top:50px; overflow:hidden;position:relative;}
.picbox ul{height:230px;}
.piclist{position:absolute;left:0px;top:0px;}
.swaplist{position:absolute;left:-3000px;top:0px;}

/* btn */
.og_prev{width:66px;height:66px;background:url(../images/hleft.png) no-repeat;z-index:99;cursor:pointer; float:right; margin-right:10px}
.og_next{width:66px;height:66px;background:url(../images/hright.png) no-repeat;z-index:99;cursor:pointer; float:right}


/**搜索**/
.ss{ padding:12px 0}
.gjc{ font:14px/36px "微软雅黑"; color:#fff;}
.gjc a{ color:#fff;}
.gjc a:hover{ color:#ddd;}
.search {width: 20%; border-radius:5px; background:#fff; overflow:hidden;}
.sech {width: 100%;height: 36px;line-height: 36px;position: relative;}
.sech .sech_ipt {width: 80%;line-height: 36px;text-indent: 1em;color: #959595;outline: none;}
.sech .submit {position: absolute; background:#ddd;	top: 0px;right: 0px;width: 20%;height: 100%;}
.sech .submit img{ max-width:100%}

/* goodlist */
.goodlist{width:230px; height:100px; margin-right:10px; float:left; margin-bottom:22px; border-radius:10px; overflow:hidden}
.goodlist img{ width:100%; height:100%;  display:inline-block; object-fit:cover}
.goodlist li p{ text-align:center; font-size:14px; color:#fff; line-height:24px;}


.adv{ background:url(../images/advbg.png) no-repeat center center;}
.adv .w50{ width:28.5%}
.adv .w50 .wz1{ width:100%; margin-top:90px; font: bold 91px/91px "微软雅黑"; color:#f1f1f1; display:inline}
.adv .w50 .wz2{ width:100%; margin-top:-25px; font: bold 52px/55px "微软雅黑"; color:#4c87c3; display:inline}
.adv .w50 .wz3{ width:100%; font: bold 36px/100px "微软雅黑"; color:#000; display:inline}
.adv .w50 .wz4{ width:100%; font: normal 18px/20px "微软雅黑"; color:#acacac;}
.w50img{ width:50%;}

.ys_qk{}
.ys_qk .pic{ width:50%; height:420px; position:relative}
.ys_qk .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.ys_qk .pic:hover{ cursor:pointer}
.ys_qk .pic:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.ys_qk .pic .line{ width:3px; height:100%; background:#4c87c3; position:absolute; top:0}
.ys_qk .pic .line.l1{ left:0}
.ys_qk .pic .line.r1{ right:0}
.ys_qk .wline{ width:8%; border-top:solid 2px #a5a5a5}
.ys_qk .wline span{ width:30%; height:3px; background:#4c87c3; margin-top:62px; display:inline}
.ys_qk .area{ width:35%}
.ys_qk .area .bt{ font:30px/54px "微软雅黑"; color:#000}
.ys_qk .area .vwz{ font:14px/24px "微软雅黑"; color:#a3a3a3}
.more{ width:218px; height:42px; border:solid 1px #4c87c3; font:16px/42px "微软雅黑"; color:#4c87c3; text-transform:uppercase !important; border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-webkit-border-radius:25px}
.more:hover{ background:#4c87c3; color:#fff}

.in_news{ height:470px; margin-top:65px; display:inline; background:url(../images/news_bg.jpg) no-repeat center center}
.in_news .lnr{ width:40%; height:470px; padding:20px 5% 0 3%; display:inline; background:#fff}
.in_news .lnr .ntitle{ font:30px/38px "微软雅黑"; color:#000; font-weight:bold}
.in_news .lnr .nline{ width:66px; height:3px; background:#4c87c3}
.in_news .lnr .nbt{ height:50px; font:24px/50px "微软雅黑"; color:#000}
.in_news .lnr .ndata{ font:16px/40px "微软雅黑"; color:#a3a3a3}
.in_news .lnr .nxq{ width:80%; height:96px; font:14px/24px "微软雅黑"; color:#a3a3a3}
.in_news .rpic{ width:52%; height:470px}
.in_news .rpic img,.in_plist li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.in_news .rpic:hover img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}

.c756{color:#7565a7}
.cfff{ color:#fff}
.hlong *{display:inline-block;vertical-align:middle}

.about_bg{ height: auto;}
.about_bg .apic{ width:52%; text-align:center}
.about_bg .apic img{ max-width:100%}


.about_nr{ width:45%; margin:70px 0; display:inline}
.about_nr .bt{ font: bold 42px/60px "微软雅黑"; }
.about_nr .bt span{ color:#4c87c3}
.about_nr .enwz{ font:16px/35px "微软雅黑"; color:#000; margin-top:14px; display:inline; text-transform:uppercase !important}
.about_wz{ font:16px/42px "微软雅黑"; color:#000}
.a_more{ width:80%; font:18px/55px "微软雅黑"; display:inline-block; background:#4c87c3; color:#Fff; border-radius:10px; margin-top:65px}
.alist{ width:100%;display:inline}
.alist .count{ width:calc(100%/3); text-align:center}
.alist .count i{ width:70px; height:70px; display:inline-block; margin-bottom:20px}
.alist .count .wz1{ width:100%; font:21px/30px "微软雅黑"; color:#464646}
.alist .count .wz2 span{font: bold 42px/40px "微软雅黑";}
.alist .count .wz2{ width:100%; font:24px/40px "微软雅黑"; color:#4c87c3;}

.pclass{ width:100%; height:136px;box-shadow:0px 12px 10px -12px #666}
.pclass .list{}
.pclass .list a{ width:calc(100%/9); height:134px; border-bottom:solid 2px #fff; overflow:hidden}
.pclass .list a:hover{border-bottom:solid 2px #4c87c3}
.pclass .list a img{ width:auto; height:50px; margin-top:26px; display:inline-block}
.pclass .list a .icon,.pclass .list a:hover .icon_b{ display:inline-block}
.pclass .list a:hover .icon,.pclass .list a .icon_b{ display:none}
.pclass .list a .wz{ font:16px/35px "微软雅黑"; color:#696969; margin-top:8px; display:inline}
.pclass .list a:hover .wz{ color:#4c87c3}

.in_plist{}
.in_plist li{ width:32%; margin:20px 2% 0 0; display:inline; border:solid 1px #d4d4d4; box-sizing:border-box !important; border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-webkit-border-radius:20px}
.in_plist li:nth-child(3n+0){margin:20px 0 0 0}
.in_plist li .pic{ height:370px; position:relative}
.in_plist li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.in_plist li .pic .wz{ font:18px/40px "微软雅黑"; color:#fff;text-shadow: 0 0 0.1em #333; position:absolute; right:22px; bottom:8px}
.in_plist li:hover .pic .wz{ color:#4c87c3;text-shadow: 0 0 0.1em #999}

.n_list{}
.n_list li{ width:47%; height:185px; margin-top:70px; display:inline}
.n_list li .data{ width:17%; height:115px; background:#eee}
.n_list li:hover .data{ background:#4c87c3 }
.n_list li .data .d1{ width:100%; font:24px/32px "微软雅黑"; color:#000; margin-top:30px; display:inline}
.n_list li .data .d2{ width:100%; font:18px/24px "微软雅黑"; color:#000}
.n_list li:hover .data .d1,.n_list li:hover .data .d2,.n_list li:hover .nr .bt,.n_list li:hover .nr .vwz{ color:#fff}
.n_list li .nr{ width:63%; height:185px; padding:0 10%; display:inline}
.n_list li:hover .nr{ background:#acacac}
.n_list li .nr .bt{ font:24px/50px "微软雅黑"; color:#000; margin-top:20px; display:inline; height:50px; overflow:hidden}
.n_list li .nr .vwz{ height:72px; font:14px/24px "微软雅黑"; color:#7f7f7f; margin-top:12px; display:inline}

.ny_banner{ width:100%; min-width:1200px; height:500px; background:url(../images/banner_ny.jpg) no-repeat center center}

.content{ width:94%}
.ny_posi{ margin-top:-180px; display:inline; text-align:center; position: relative; z-index:1}
.ny_posi b{ width:100%; font:bold 40px/55px "微软雅黑"; color:#fff; float:left; margin-bottom:25px; margin-top:-50px }
.ny_posi .tbt{ font:20px/40px "微软雅黑"; color:#000}
.ny_posi .line{ height:4px; width:100px; margin-bottom:30px; background:#fff;display:-webkit-inline-box}
.ny_posi .fllist{ width:auto; display:table; margin:0px auto;}
.ny_posi .fllist .wz{ width:140px;margin-top:10px; font:14px/40px "微软雅黑"; color:#fff;background-color:  none; border:1px solid #fff; box-sizing:border-box;margin-left:10px; display:inline; border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-webkit-border-radius:10px}
.ny_posi .fllist .wz:hover,.ny_posi .fllist .wz.wb{ background:#4c87c3;  border:1px solid #4c87c3; box-sizing:border-box; color:#fff}

.abouttitle{ font:24px/40px "微软雅黑"; color:#000}
.aboutwz{ font:14px/32px "微软雅黑"; color:#666}

#hlist2{ display:none}
.hlist{}
.hlist li{ width:23.5%; margin:25px 2% 0 0; display:inline}
.hlist li:nth-child(4n+0){margin:25px 0 0 0}
.hlist li .pic{padding:10px; border:solid 1px #ccc; border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-webkit-border-radius:10px; box-sizing:border-box !important}
.hlist li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block;border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-webkit-border-radius:10px}
.hlist li .t_mc{ font:16px/30px "微软雅黑"; color:#666; margin-top:10px; display:inline}

.clist{ width:100%; margin-top:20px}
.clist li{ width:100%; margin:0px 0 25px 0; display:inline}
.clist li .pic{ width:100%; height:400px; position:relative}
.clist li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.clist li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1)}
.clist li .pic .t_mc{ width:27.5%; height:400px; background:rgba(76,135,195,0.7); font:24px/30px "微软雅黑"; color:#fff;  display:inline; position:absolute; top:0; padding:50px 30px; box-sizing:border-box}
.clist li:hover .t_mc{ width:100%;background:rgba(76,135,195,0.95);}
.clist li span{ font:16px/24px "微软雅黑"; width:100%; float:left; margin:25px 0 40px;}
.clist li i{ width:60px; height:1px; background:#fff; display:table; margin:0px auto;}
.clist li font{ width:auto; background:url(../images/cmore.png) no-repeat left 12px ; padding-left:45px; position:absolute; right:40px; bottom:40px; font:16px/30px "微软雅黑"; text-transform:uppercase}

.abr{ right:0}
.abl{ left:0}

/* 项目案例内页*/
.cname{ font:32px/50px "微软雅黑"; color:#000; margin-top:35px}
.cname i{ width:50px; height:2px; background:#000; display: inherit; margin-top:10px}
.casebanner{width:100%; margin-top:35px}
.large_box{margin-bottom:10px;width:100%;height:725px;overflow:hidden;box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1); }
.large_box li{ width:100%; height:725px; padding:10px; box-sizing:border-box;  float:left}
.large_box li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.small_box{width:100%;height:210px;box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);}
.small_list{position:relative;float:left;width:85%;height:210px;overflow:hidden; margin-top:25px}
.small_list ul{height:210px;overflow:hidden; width:100%; float:left}
.small_list ul li{position:relative;float:left;margin-right:10px;width:260px;height:160px;}
.small_list ul li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.small_list ul li.on{display:block;border:3px solid #4c87c3; box-sizing:border-box;}
.btn{display:block;width:5%;height:210px;background-color:#777;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.btn:hover{background-color:#4c87c3;}
.left_btn{float:left;margin-right:10px;background-image:url(../images/left_btn.png);}
.right_btn{float:right;background-image:url(../images/right_btn.png);}

.casebg{ background:url(../images/casebg.jpg) repeat-x top #eff1f6}
.ccn{ font:32px/40px "微软雅黑"; color:#fff; text-align:center; margin-top:35px}
.ecn{ font: bold 30px/40px "微软雅黑"; color:#fff; text-align:center; margin-top:10px; margin-bottom:35px; text-transform:uppercase}
.cview{ width:100%; background:#fff; box-sizing:border-box; padding:40px 15px }
.cvbt{ font:32px /36px "微软雅黑"; color:#000; border-left:4px solid #4d87c3; text-indent:10px}
.c_con{ font:14px/36px "微软雅黑" ; color:#000; text-indent:28px; }
.c_con p{ width:100%; float:left; font:18px/30px "微软雅黑"; color:#4d87c3; padding-left:28px; text-indent:0px;box-sizing:border-box}
.c_con span{ width:100%; float:left; padding-left:28px; text-indent:0px;box-sizing:border-box}

.cview .fclist{}
.cview .fclist a{ width:23.8%; margin:35px 1.6% 0 0; display:inline}
.cview .fclist a:nth-child(4n+0){margin:35px 0 0 0}
.cview .fclist a .pic{ height:204px; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px}
.cview .fclist a .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.cview .fclist a:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.cview .fclist a .wz{ font:20px/30px "微软雅黑"; color:#fff; margin-top:2px; padding:12px 0; text-transform:uppercase !important; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px; background:#4d87c3}
.cview .fclist a:hover .wz.b1,.cview .fclist a:hover .wz.b2{ background:#b10000}
.cview .fclist a .wz span{ font-size:18px; line-height:24px}

.inplist{ width:100%}
.inplist li{ width:22%; margin:32px 4% 0 0; display:inline;  display:inline;}
.inplist li:hover{box-shadow: 0 -1px 16px 6px #e4e4e4;-moz-box-shadow: 0 -1px 16px 6px #e4e4e4;-ms-box-shadow: 0 -1px 16px 6px #e4e4e4;-webkit-box-shadow: 0 -1px 16px 6px #e4e4e4;}
.inplist li:nth-child(4n+0){ margin:32px 0 0 0}
.inplist li .pic{ width:100%; height:165px}
.inplist li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.inplist li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1)}
.inplist li .nr{ width:100%; margin:15px 0; display:inline;}
.inplist li .nr .wz{ width:100%; font:18px/30px "微软雅黑"; color:#000; overflow:hidden; text-align:center}


/* 产品展示内页*/

.probanner{width:57%; margin-top:35px}
.plarge_box{margin-bottom:10px;width:100%;height:410px;overflow:hidden;box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1); }
.plarge_box li{ width:100%; height:410px; padding:10px; box-sizing:border-box;  float:left}
.plarge_box li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.psmall_box{width:100%;height:100px;box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);}
.psmall_list{position:relative;float:left;width:85%;height:100px;overflow:hidden; margin-top:15px}
.psmall_list ul{height:100px;overflow:hidden; float:left}
.psmall_list ul li{position:relative;float:left;margin-right:10px;width:120px;height:70px;}
.psmall_list ul li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.psmall_list ul li.on{display:block;border:3px solid #4c87c3; box-sizing:border-box;}
.pbtn{display:block;width:4.5%;height:100px;background-color:#e6e6e6;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.pbtn:hover{background-color:#4c87c3;}
.pleft_btn{float:left;margin-right:10px;background-image:url(../images/left_btn.png);}
.pright_btn{float:right;background-image:url(../images/right_btn.png);}


.pwz{ width:40%;}

/**产品展示**/
.chanpro{ width:100%; float:left; padding-top:55px}
.proTab{ width:auto; margin:0px auto; display:table;}
.proTab span{float:left; width:220px; font:20px/65px "微软雅黑";  cursor:pointer; border:1px solid #b7b7b7; box-sizing:border-box; border-radius:10px; text-align:center; color:#2b2b2b; margin-right:9px}
.proTab span.cur , .proTab span:hover{color:#fff; background:#4c87c3;}
.proCont{width:100%; overflow:hidden; display:none; margin-top:70px}
.proCont li{float:left; margin:0 1.16%; width: 31% !important; box-sizing:border-box; border:1px solid #4c87c3; background:#4c87c3; border-radius:20px; overflow:hidden}
.proCont li:nth-child(2n+0){ margin-top:40px}
.proCont li .pimg{ width:100%;  height:275px; border-radius:20px; overflow:hidden}
.proCont li .pimg img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.proCont li  p{ width:100%; padding:0 5%; box-sizing:border-box; margin:22px 0;font:20px/42px "微软雅黑"; color:#fff}
.proCont li  p i { width: 42px; height: 42px; float:right; display: block; border-radius: 10px; background-repeat: no-repeat; background-position: center center; transition: all .5s; background-image:url(../images/c_next.png); border:1px solid #fff;}


/**关于我们内页**/
.aboutjs{ width:45.5%; margin-top:75px}
.aboutjs .alogo{ width:100%; height:53px; text-align:left}
.aboutjs i{ width:53px; height:2px; float:left; background:#9b9293; margin:25px 0}
.aboutjs h2{ width:100%; float:left; font:36px/36px "微软雅黑"; color:#656565}
.aboutjs h3{ width:100%; float:left; font: 48px/48px "微软雅黑"; color:#4d87c3; margin-top:20px}
.aboutjs .jswz{ width:100%; float:left; font:15px/25px "微软雅黑"; color:#555555; margin-top:30px}
.aboutsp{ width:46.5%; text-align:right; margin-top:170px}
.aboutsp img,.aboutjs .alogo{ max-width:100%}

.aboutbt{ width:100%; text-align: center}
.aboutbt h2{ width:100%; float:left; font:48px/55px "微软雅黑";}
.aboutbt h3{ width:100%; float:left; font: bold 30px/36px "微软雅黑"; text-transform:uppercase; margin:12px 0}
.aboutbt i{ width:53px; height:3px; display:table; margin:0px auto}

.aboutmin{ width:100%; height:450px; background:url(../images/aboutmin.jpg) no-repeat center center fixed; margin:100px 0 70px 0; padding:175px 100px; box-sizing:border-box;text-align:center; color:#fff;}
.aboutmin h2{ font:normal 18px/25px Comfortaa-Bold;  text-transform:uppercase; letter-spacing:20px}
.aboutmin h3{ font:normal 36px/45px 幼圆;  text-transform:uppercase; letter-spacing:35px; margin-top:15px}

.aboutbot{ width:100%; height:450px; background:url(../images/aboutbot.jpg) no-repeat center center fixed; padding:175px 100px; box-sizing:border-box;text-align:center; color:#fff;}
.aboutbot h2{ font:normal 18px/25px Comfortaa-Bold;  text-transform:uppercase; letter-spacing:20px}
.aboutbot h3{ font:normal 36px/45px 幼圆;  text-transform:uppercase; letter-spacing:35px; margin-top:15px}

.fzlc_bg {  height: 840px; background:#4c87c3; padding-top:85px}


/* hon_Box */
.nyhonor{ display:none}
.honbg{ background: url(../images/honbg.jpg) repeat-x; padding:65px 0}
#hon_Box{position:relative;width:100%;height:308px;margin:70px auto 50px; float:left}
#hon_Box ul{position:relative;width:100%;height:308px}
#hon_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);}
#hon_Box li img{width:100%;background:url(../images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#hon_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#hon_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#hon_Box .prev,#hon_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#hon_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:250px}
#hon_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:250px} 
#hon_Box .prev:hover{background-position:left top;}
#hon_Box .next:hover{background-position:right top;}
#hon_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}

.culture{ width: calc(100%/3); float:left; margin:35px 0 80px  }
.culture li{ width:100%; float:left; font:15px/35px "微软雅黑"; color:#484848; }
.culture li b{ font-weight: bold; color:#000; float:left}
.culture li span{ float:left}
.cultureimg{ width:100%; margin-bottom:70px}
.cultureimg img{ max-width:100%;}

.global{ width:100%; margin:130px 0 100px}
.global .gleft{ width:35%;}
.global .gleft h2{ font:36px/40px "微软雅黑"; color:#555; margin-top:90px}
.global .gleft h3{ font:49px/60px "微软雅黑"; color:#4d87c3; margin-top:15px}
.global .gleft p{ font:16px/24px "微软雅黑"; color:#444; margin:40px 0}
.global .gleft i{ width:54px; height:2px; background:#999393; float:left}
.global .gright{ width:65%;}
.global .gright img{ max-width:100%;}

/**适用场景**/
.sycj{ background:url(../images/sycjbg.jpg) no-repeat top center; height:882px; margin-top:80px; padding:40px 0 70px; box-sizing:border-box;}
.syul{ width:100%; margin-top:75px; margin-bottom:20px}
.syul li{ width:23.5%; height:200px; float:left; margin-right:2%; border-radius:10px; overflow:hidden; box-sizing:border-box; border:1px solid #fff; background:#fff; margin-bottom:30px}
.syul li:nth-child(4n+0){ margin-right:0}
.syul li .pic{ width:100%; height:145px;border-radius:10px; overflow:hidden;}
.syul li .pic img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.syul li  p{ width:100%;  font:18px/55px "微软雅黑"; color:#000; text-align:center}
.sycj a.symore{ width:245px; font:18px/45px "微软雅黑"; display:table; margin:0px auto; text-align:center; border:1px solid #fff; border-radius:10px; overflow:hidden; color:#fff}
.sycj a.symore:hover{ background:#fff; color:#4c87c3}

/**案例展示**/
.chanps{ width:100%; float:left; padding-top:55px}
.cpTab{ width:auto; margin:0px auto; display:table;}
.cpTab span{float:left; width:220px; font:20px/65px "微软雅黑";  cursor:pointer; border:1px solid #b7b7b7; box-sizing:border-box; border-radius:10px; text-align:center; color:#2b2b2b; margin-right:9px}
.cpTab span.cur , .cpTab span:hover{color:#fff; background:#4c87c3;}
.hov1{ position:absolute; right:10px; top:25px}
.cpCont{width:100%; overflow:hidden; display:none; margin-top:70px}
.cpCont li{float:left; margin:0 1.16%; width: 31% !important;}
.cpCont li:nth-child(2n+0){ margin-top:40px}
.cpCont li .cimg{ width:100%;  height:490px; position:relative; border-radius:20px; overflow:hidden}
.cpCont li .cimg img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.cpCont li .cimg h5{ width:100%; height:100%; position:absolute; left:0; bottom:0; background:url(../images/cbg.png) repeat-x bottom}
.cpCont li .cimg h5 p{ width:90%; position:absolute; left:5%; bottom:20px; font:20px/42px "微软雅黑"; color:#fff}
.cpCont li .cimg h5 p i { width: 42px; height: 42px; float:right; display: block; border-radius: 10px; background-repeat: no-repeat; background-position: center center; transition: all .5s; background-image:url(../images/c_next.png); border:1px solid #fff;}

.btns { width: auto; float:right; margin-top:55px;height: auto; z-index: 5; }
.btns a:hover { background-color: #4c87c3;}
.btns a {width: 66px;  height:66px; background:#999; display: block; border-radius: 10px;  background-repeat: no-repeat;  background-position: center center; transition: all .5s; }
.btns a.prev { float: left; margin-right:3px; background-image: url(../images/index_prev.png); }
.btns a.next { float: right; background-image: url(../images/index_next.png); }

/****/
.mb_pcs {
    display: none;
}
.process {
	width: 100%; margin-top:50px
}

.process_top {
	width: 100%; font:bold 137px/137px "微软雅黑"; color:#ebedf4;
	position: relative;
	text-align: center;
}
.process_top b{ width:100%; float:left; color:#2c3238; font:bold 36px/36px "微软雅黑"; margin-top:-75px; z-index:99; position:relative}

.process_lx {
	width: 17.5%;
	height: 40px;
	border-radius:50px;
	background:#455772 url(../images/process_icon.png) no-repeat 24px;
	color: #fff;
	font: 16px/40px "微软雅黑";
	position: absolute;
	right: 0;
	top:65px;
	box-shadow: 0px 2px 10px rgba(9,106,219,0.33);
}

.process_two {
	width: 100%;
	background: url(../images/process_bk.jpg) no-repeat center;
	height:311px; z-index:99; position: relative;

}

.process_two img.process_img{
	position: absolute;
	left: -330px;
	top: -22px;
	z-index: 999;
}

.process_text li{
	position: absolute; text-align:center
}

.process_text li.process_li1 {
	top:110px;
	left: 345px;
}

.process_text li.process_li2 {
	top:188px;
	left: 500px;
}

.process_text li.process_li3 {
	top:50px;
	left: 648px;
}

.process_text li.process_li4 {
	top:155px;
	left: 770px;
}

.process_text li.process_li5 {
	top:60px;
	right: 230px;
}

.process_text li.process_li6 {
	top:185px;
	right: 120px;
}

.process_text li.process_li7 {
	top:95px;
	right:0px;
}

.process_text li p {
	font: 20px/20px "微软雅黑";
	color: #000000;
	margin-top: 6px;
	transition: ease .65s;
}

.process_text li img {
	transition: all 2s; 
}

.process_text li:hover img {
	transform: rotateY(180deg);
}

.process_text li:hover p {
	color: #4c87c3;
}

/**服务支持**/
@font-face{
            font-family: 'Comfortaa-Bold';
			src:url(../images/Comfortaa-Bold.ttf);
}
@font-face{
            font-family: '幼圆';
			src:url(../images/幼圆.ttf);
}
.serzl{ width:100%; margin-top:70px}
.serzl .zldiv{ width:52.5%; background:url(../images/serb.png) no-repeat left top; padding:70px 0 70px 45px; box-sizing:border-box;}
.serzl .zldiv h2{ width:100%; float:left;font:30px/40px "微软雅黑"; color:#000}
.serzl .zldiv .line{ width:40px; height:3px; background:#d8d8d8; margin:20px 0}
.serzl .zldiv h3{ width:100%; float:left;font:16px/24px "微软雅黑"; color:#4c4c4c; margin-bottom:40px}
.serzl .zlimg{ width:42%; position:relative}
.serzl .zlimg img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.serzl .zlimg .kuai{ width:104px; height:237px; position:absolute; left:0; bottom:0}

.sermin{ width:100%; height:500px; background:url(../images/sermin.jpg) fixed; margin:70px 0; padding:200px 100px; box-sizing:border-box;text-align:center; color:#fff;}
.sermin h2{ font:normal 18px/25px Comfortaa-Bold;  text-transform:uppercase; letter-spacing:8px}
.sermin h3{ font:normal 36px/45px 幼圆;  text-transform:uppercase; letter-spacing:35px; margin-top:15px}

.serdiv{ width:100%;}
.serdiv li{ width:100%; float:left; margin-bottom:100px}
.serdiv li .pic{ width:44%;}
.serdiv li .pic img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.serdiv li .anr{ width:52%;}
.serdiv li .anr .wzl{ width:100%; font: bold 36px/60px "微软雅黑"; color:#000; margin-top:45px}
.serdiv li .anr .wzl i{ width:60px; float:left; margin-right:10px}
.serdiv li .anr .wzl i img{ max-width:100%}
.serdiv li .anr .axq{ width:100%; margin-top:60px; float:left; font:16px/35px "微软雅黑"; color:#4c4c4c}


.contarea{ width:100%; display:inline}
.contarea .bt{ font:20px/50px "微软雅黑"; color:#333}
.contarea .line{ width:50px; height:1px; background:#4c87c3; display:inline-block}
.contarea li{ width:31%; float:left; margin:40px 3.5% 0px 0; padding:40px 0; color:#676767; text-align:center; box-sizing: border-box; border:1px solid #d1d1d1}
.contarea li:nth-child(3n+0){ margin-right:0}
.contarea li i{ width:auto; display: table; margin:0px auto}
.contarea li b{ width:100%; float:left; font:normal 21px/21px "微软雅黑"; color:#000; margin-top:20px}
.contarea li p{ width:100%; float:left; font:18px/40px "微软雅黑"; margin-top:10px}

.confeed{ width:100%; border:1px solid #d1d1d1; box-sizing:border-box; padding:70px 4% 40px 6%; margin-top:40px; margin-bottom:65px}
.confeed .fewm{ width:15%;}
.confeed .fewm h2{ font: bold 30px/40px "微软雅黑"; color:#383838;}
.confeed .fewm .line{ width: 60px; height:1px; background:#000; margin-top:25px; margin-bottom:30px}
.confeed .fewm .wk{ width:100%; margin-bottom:15px; display:inline; margin-top:10px}
.confeed .fewm .wk .pic{ width:100%; text-align:center }
.confeed .fewm .wk .pic img{ max-width:100%}
.confeed .fewm .wk .wz{ font:18px/20px "微软雅黑"; color:#000; margin-top:10px; display:inline}

.confeed .cmsg{ width:70%;}
.confeed .cmsg .msbt{ width:100%; font:30px/35px "微软雅黑"; color:#000;}
.confeed .cmsg input{ width:49%; height:65px; border:1px solid #d1d1d1; color:#333 !important; box-sizing:border-box; margin-right:2%;display:inline; background:rgba(255,255,255,0.5); text-indent:20px; font-size:16px; line-height:65pxx;overflow:hidden; margin-top:65px}
.confeed .cmsg input[type=text]{ color:#fff; line-height:65px; height:65px}
.confeed .cmsg textarea{ width:100%; height:315px; margin-top:30px; background:rgba(255,255,255,0.5);border:1px solid #d1d1d1; color:#b9b9b9; box-sizing:border-box;text-indent:20px; font-size:16px; line-height:57px; overflow:hidden; right:0; top:0}
.confeed .cmsg .button{ width:160px; font:16px/45px "微软雅黑"; color:#fff; margin-top:20px; background:#4c87c3; border-radius:10px}

.confeed .cmsg input::-webkit-input-placeholder { 
/* WebKit browsers */ 
color: #b9b9b9; 
} 
.confeed .cmsg input:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #b9b9b9; 
} 
.confeed .cmsg input::-moz-placeholder { 
/* Mozilla Firefox 19+ */ 
color: #b9b9b9; 
} 
.confeed .cmsg input:-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
color: #b9b9b9; 
}
.confeed .cmsg textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#b9b9b9;}
.confeed .cmsg textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#b9b9b9;}
.confeed .cmsg textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#b9b9b9;}
.confeed .cmsg textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#b9b9b9;}

.contbg{position: relative;padding: 70px 0px 120px;background-position: center top;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;color: #fff; background:url(../images/contact_bg.jpg) no-repeat}
.contbg .cbt{ font:35px/60px "微软雅黑"; color:#fff; font-weight:bold}
.contbg .c1{ width:26%; height:50px; margin-right:11%; display:inline; border-bottom:solid 1px #fff; font:16px/50px "微软雅黑"; color:#fff; background:none}
.contbg .c1:last-child{ margin-right:0}


/**新闻资讯**/
.f-cb { zoom: 1;}
.newsdiv { height: auto; margin-bottom:70px  }
.newsdiv .title .btn {  width: 104px;   height: auto; float: right;  margin-top: 34px; }
.newsdiv .title .btn a {  width: 44px; height: 44px;  border: 1px solid #878787;  display: block; border-radius: 44px;  background-repeat: no-repeat;   background-position: center center; transition: all .5s; }
.newsdiv .title .btn a.prev { float: left; background-image: url(../images/index_prev.png); }
.newsdiv .title .btn a.next {float: right; background-image: url(../images/index_next.png); }
.newsdiv .title .btn a:hover { background-color: #deb01a; border: 1px solid #deb01a; }
.newsdiv .title .btn a:hover.prev { background-image: url(../images/index_prev_h.png); }
.newsdiv .title .btn a:hover.next { background-image: url(../images/index_next_h.png); } }
.newsdiv .list { width: 100%; height: auto; }
.newsdiv .list .item {height: auto;width: 100%;float: left; /*padding-bottom: 30px;*/ padding-top: 30px; }
.newsdiv .list .item .list-new {width: 100%; height: auto;  position: relative; }
.newsdiv .list .item .list-new ul {  width: 100%; height: auto; }
.newsdiv .list .item .list-new ul li { width: 31% !important;  height: auto; float: left; padding-bottom:3%;margin:0 1.16%; box-sizing:border-box; border-bottom:3px solid #4c87c3;border-top-left-radius:20px;border-top-right-radius:20px; overflow:hidden; box-sizing:border-box; }
.newsdiv .list .item .list-new ul li .pic{ width:100%; height:300px;float:left; border-radius:20px; overflow:hidden}
.newsdiv .list .item .list-new ul li .pic img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.newsdiv .list .item .list-new ul li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.newsdiv .list .item .list-new ul li .con { width: 100%; float:left;  height: auto; padding:0% 3%; box-sizing:border-box; margin: 0 auto;  transition: color .5s; }
.newsdiv .list .item .list-new ul li .con p{ font:14px/24px "微软雅黑"; color:#999; margin:5px 0 20px}
.newsdiv .list .item .list-new ul li .con .time { font:16px/43px "微软雅黑"; color:#999; }
.newsdiv .list .item .list-new ul li .con .time i { float: right; width:43px; height:43px; background:url(../images/nm1.png) no-repeat }
.newsdiv .list .item .list-new ul li:hover .con .time i{ background:url(../images/nm2.png) no-repeat }
.newsdiv .list .item .list-new ul li .con .tits { font:18px/25px "微软雅黑";color: #000; text-align:center;text-overflow: ellipsis; margin-top: 15px; display: block; }

.newsdiv .list .item .list-new ul li:hover {  background-color: #4c87c3; }
.newsdiv .list .item .list-new ul li:hover .con p,.newsdiv .list .item .list-new ul li:hover .con .tits,.newsdiv .list .item .list-new ul li:hover .con .time{ color:#fff}


.newsdiv .list .item .list-new .btns { width: auto; float:right; margin-top:55px;height: auto; z-index: 5; }
.newsdiv .list .item .list-new .btns a {
              width: 66px;
              height:66px; background:#999;
              display: block;
              border-radius: 10px;
              background-repeat: no-repeat;
              background-position: center center;
              transition: all .5s; }
.newsdiv .list .item .list-new .btns a.prev {
                float: left; margin-right:3px;
                background-image: url(../images/index_prev.png); }
.newsdiv .list .item .list-new .btns a.next {
                float: right;
                background-image: url(../images/index_next.png); }
@media (min-width: 1024px) {
.newsdiv .list .item .list-new .btns a:hover {
                  background-color: #4c87c3;}
.newsdiv .list .item .list-new .btns a:hover.prev {
                    background-image: url(../images/index_prev.png); }
.newsdiv .list .item .list-new .btns a:hover.next {
                    background-image: url(../images/index_next.png); } 
}

.news_list{ width:100%}
.news_list li{ width:48%; padding:2%; margin:0px 4% 30px 0; display:inline; float:left; overflow:hidden;box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.2); box-sizing:border-box}
.news_list li:nth-child(2n+0){ margin:0px 0 30px 0}
.news_list li .ndiv{ width:55%}
.news_list li .n_title{ width:100%; height:40px; font:18px/42px "微软雅黑"; color:#121212; overflow:hidden}
.news_list li .n_data{ width:100%; height:24px; font:14px/24px "微软雅黑"; color:#999}
.news_list li .n_view{ width:100%;height:72px; margin-top:8px; display:inline;font:14px/24px "微软雅黑"; color:#000; overflow:hidden}
.news_list li:hover .n_title{ color:#4c87c3}
.news_list li .pic{ width:37.5%; height:155px; overflow:hidden}
.news_list li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.news_list li .btn{ width:150px; height:32px; background:#f1f1f1; font:14px/32px "微软雅黑"; color:#444; letter-spacing:2px !important; border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-webkit-border-radius:15px}
.news_list li .btn:hover{ background:#4c87c3; color:#fff}

.newsleft{ width:68.5%}
.newsleft .ndata{font:14px/42px "微软雅黑"; background:#eff1f6; color:#515151; text-indent:15px; margin-bottom:30px}
.newdh{ border-bottom:1px solid #d1d1d1; font:16px/75px "微软雅黑"; color:#959494}
.newdh i{ display: inline; float:left; margin-right:5px; margin-top:27.5px}
.newdh span{ color:#000}
.newdh .fan{ width:auto; font:18px/75px "微软雅黑"; color:#4d87c3; border-bottom:2px solid #4d87c3; box-sizing:border-box}
.newdh .fan em{ margin-right:10px}
.view_title{ width:100%; font:32px/32px "微软雅黑"; color:#000; margin-bottom:25px}
.news_title_s{width:100%; height:25px; font:14px/25px "微软雅黑"; color:#999}
.newsleft .view_wz{ font:14px/36px "微软雅黑"; color:#000; min-height:350px; display:inline;}
.newsleft .view_wz img{ max-width:100%;}

.news_sxy{ width:100%; margin-top:50px; display:inline; margin-bottom:70px}
.news_sxy a,.news_sxy div{ height:40px; font:14px/40px "微软雅黑"; color:#666; line-height:40px; overflow:hidden}
.news_sxy a:hover{ color:#4c87c3}

.newsright{ width:27%; padding:30px; min-height:600px; display:inline; box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.15); box-sizing:border-box !important}
.newsright .bt{ font:28px/35px "微软雅黑"; color:#000; text-indent:15px;border-left:4px solid #0453b0;}
.newsright .list{}
.newsright .list .pic{ width:100%; height:180px}
.newsright .list .pic img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.newsright .list a{ margin-top:20px; display:inline;}
.newsright .list a .wz{ font:16px/44px "微软雅黑"; color:#000}
.newsright .list a:hover .wz{ color:#4c87c3}
.newsright .list a .dz{ font:14px/44px "微软雅黑"; color:#999}

.ny_left{ width:20%}
.ny_left .ntitle{ padding:20px 0; background:#4c87c3; border-top-left-radius:5px;border-top-right-radius:5px;}
.ny_left .ntitle .n_ch{ width:100%; font:24px/50px "微软雅黑"; color:#fff; font-weight:bold}
.ny_left .ntitle .n_en{ width:100%; font:14px/20px Arial; color:#fff}
.ny_left .l_dh{}
.ny_left .l_dh li{border-top:solid 1px #ccc; float:left; background:#f5f5f5}
.ny_left .l_dh li:first-child{ border-bottom:none}
.ny_left .l_dh li .wz{ height:52px; font:16px/52px "微软雅黑"; color:#666; overflow:hidden; text-indent:35px}
.ny_left .l_dh li a.wz:hover,.ny_left .l_dh li.mb .wz{color:#4c87c3; background:#efefef}
.ny_left .l_dh li.mb .wz:hover{ color:#4c87c3}
.ny_left .l_dh li .epdh{ width:100%; background:#f8f8f8; display:none}
.ny_left .l_dh li .epdh a{ width:100%; height:44px; font:14px/44px "微软雅黑"; color:#666; border-bottom:dashed 1px #ccc; text-indent:35px}
.ny_left .l_dh li .epdh a:last-child{ border-bottom:none}
.ny_left .l_dh li .epdh a:hover{color:#4c87c3}


.ny_right{ width:78%}
.ny_right .nybt{ height:75px; background:#f5f5f5; font:16px/75px "微软雅黑"; color:#333; text-indent:30px}



/**内页产品展示**/
.prolist{}
.prolist li{ float:left; margin-right:2.75%; margin-bottom:50px; width: 31.5% !important; box-sizing:border-box; border:3px solid #f5f5f5; background:#f5f5f5; border-radius:20px; overflow:hidden}
.prolist li:nth-child(3n+0){ margin-right:0}
.prolist li a .pic{width:100%;  height:275px; border-radius:20px; overflow:hidden; background:#fff; margin-bottom:20px}
.prolist li a .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.prolist li:hover{ background:#4c87c3; border:3px solid #4c87c3}
.prolist li  p{ width:100%; padding:0 5%; box-sizing:border-box; margin:22px 0;font:18px/42px "微软雅黑"; color:#000}
.prolist li  p i { width: 42px; height: 42px; float:right; display: block; border-radius: 10px; background-repeat: no-repeat; background-position: center center; transition: all .5s; background-image:url(../images/c_next1.png); border:1px solid #000;}
.prolist li:hover p i{background-image:url(../images/c_next.png);border:1px solid #fff;}
.prolist li:hover p{ color:#fff}

.pro_pic{ width:60%; border:solid 1px #ccc}
.pro_pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.ptitle{ width:100%; font:26px/35px "微软雅黑"; color:#000; border-left:2px solid #4d87c3; text-indent:8px}
.proright{ width:40%; margin-top:55px}
.proright .pvwz{ font:16px/28px "微软雅黑"; color:#000; min-height:245px; border-bottom:1px solid #ddd; box-sizing:border-box; margin-top:20px}

.proright .teleft{ width:70%; margin-top:35px}
.proright .teleft li{ width:100%; float:left; margin-bottom:20px}
.proright .teleft li i{ width:53px; height:53px; float:left; margin-right:10px}
.proright .teleft li p{ width:auto; float:left; font:20px/30px "微软雅黑"; color:#4c87c3}
.proright .teleft li p span{ width:100%; float:left;font:18px/22px "微软雅黑"; color:#000 }

.proright .teright{ width:30%; font:24px/60px "微软雅黑"; color:#fff; background:#4d87c3; text-align:center; margin-top:65px}
.proright .teright:hover{ background:#1159a4}

.pcs{ width:100%; margin-top:20px}
.pcs p{ font:16px/28px "微软雅黑"; color:#000;padding:20px 0;}
.pcs div{ font:16px/28px "微软雅黑"; color:#000;}
.csbt{ width:15%; color:#fff; font-size:16px; background:#4d87c3; padding:20px 0; text-align:center; border-bottom:1px solid #fff;}
.csb1{ width:85%; background:#f2fafc; padding-left:115px; box-sizing:border-box}
.csb2{ width:85%; background:#fff; padding-left:115px; box-sizing:border-box}

/**内页产品展示**/
.prev{ }
.prev .pa,.prev .pb{ width: auto;height:50px;margin-top:8px;display:inline;font:18px/50px "微软雅黑";color:#fff; padding:0 40px; background:#4d87c3; overflow:hidden}
.prev .pa{margin-right:12px}
.prev a:hover{ background:#225e9b}

.pview_t{ width:100%; height:42px; border-bottom:solid 1px #eee; margin-top:30px; display:inline; position:relative}
.pview_t .wz1{ width:auto; height:43px; background:#000; padding:0 35px; display:inline; position:absolute; left:0; bottom:0; font:15px/43px "微软雅黑"; color:#fff}
.pro_view{width:100%; padding:30px 25px; box-sizing:border-box !important; border:solid 1px #eee; border-top:none; display:inline;font:14px/32px "微软雅黑"; color:#666}
.pro_view img{ max-width:100%}


.page{ width:100%; height:32px; margin-top:35px; display:inline; margin-bottom:70px}
.page a,.page a.pb{height:32px;padding:0 10px;margin:3px 3px 0;display:inline;font:14px/32px "微软雅黑"; color:#333;  box-sizing:border-box; border:1px solid #999; float:left; line-height:32px}
.page a.pa{background:#aaa}
.page a:hover,.page a.pb{ background:#4c87c3; color:#fff}
.page span{font:14px/32px "微软雅黑"; color:#fff; margin:3px 3px 0; display:inline; background:#4c87c3; padding:0 10px; float:left}
.hd{ background:#c8c8c8}

.foot{width:100%; height:620px; background:url(../images/foot_bg.jpg) repeat center center;display:inline}
.foot .fqrcode{ width:12%; margin-left:2%;height: auto; padding-top:185px;box-sizing:border-box !important}
.foot .fqrcode .wk{ width:100%; margin-bottom:15px; display:inline}
.foot .fqrcode .wk .pic{ width:100%; }
.foot .fqrcode .wk .pic img{ max-width:100%}
.foot .fqrcode .wk .wz{ font:18px/20px "微软雅黑"; color:#fff; margin-top:10px; display:inline}
.foot .fqrcode .swz{ font:15px/36px "微软雅黑"; color:#fff; opacity:0.7; filter:alpha(opacity=70)}
.foot .fqrcode .swz:hover{ opacity:1; filter:alpha(opacity=100)}


.foot .fmsg{ width:44%; margin-top:90px}
.foot .fmsg .msbt{ width:100%; font:30px/35px "微软雅黑"; color:#fff;}
.foot .fmsg input{ width:49%; height:70px; border:1px solid #fff; color:#fff !important; box-sizing:border-box; margin-right:2%;display:inline; background:rgba(255,255,255,0.5); text-indent:20px; font-size:16px; line-height:70pxx; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px; overflow:hidden; margin-top:65px}
.foot .fmsg input[type=text]{ color:#fff !important; line-height:70px; height:57px}
.foot .fmsg textarea{ width:100%; height:200px; margin-top:30px; background:rgba(255,255,255,0.5);border:1px solid #fff; color:#fff; box-sizing:border-box;text-indent:20px; font-size:16px; line-height:57px; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px; overflow:hidden; right:0; top:0}
.foot .fmsg .button{ width:160px; font:16px/40px "微软雅黑"; color:#4c87c3; margin-top:20px; background:#fff; border-radius:10px}

.foot .fcont{ width:33%; height: auto;display:inline}
.foot .bt{ font:30px/45px "微软雅黑"; color:#fff; margin-top:46px; display:inline}
.foot .swz{ font:16px/24px "微软雅黑"; color:#898989}
.foot .swz a{ color:#898989}
.foot .fcont .lx{ width:100%}
.foot .fcont .lx li{ width:100%; font:18px/35px "微软雅黑"; color:#fff; float:left; margin-bottom:25px; list-style:none}
.foot .fcont .lx li i{ width:35px; height:35px; float:left; margin-right:5px}

.foot .fcont .wnr{ width:46%; font:14px/32px "微软雅黑"; color:#949294}

.flink{ background:#455772; border-bottom:1px solid #5f6e84; padding:35px 0;}
.flink .lbt{ font:18px/30px "微软雅黑"; width:100%; float:left; margin-bottom:15px}
.flink a{ font:16px/30px "微软雅黑"; color:#8e9cb1}
.fbt{ background:#455772; }
.fbt .flogo{ width:auto; float:left}
.fbt .flogo img{ margin-top:28px}
.fbt .fwz{width: 75%;
    font: 15px/30px "微软雅黑";
    margin: 32px 0;
    color: #fff;}
.fbt .fwz a{ color:#fff}

.nav{ width:100%; padding:5px 0; background:#fff; border-bottom:solid 1px #eee; position:fixed; left:0; top:0; display:none;  z-index:99}
.nav .logo{ height:45px; margin-left:3%}
.nav .logo img{ width:auto; height:45px}
.nav .nav_icon{ height:35px; margin:5px 3% 0 0}
.nav .nav_icon img{ width:auto; height:35px}

.nav_menu{ width:100%;height:100%; position:fixed; right:0; top:0; z-index:99999}
.nav_menu .left{ width:42%; min-height:100%; float:left; background:#000; opacity:0.5; filter:alpha(opacity=40); margin:0;}
.nav_menu .right{ width:58%; max-height:100%; min-height:100%; float:right; background:url(../images/tm_b90.png); overflow:scroll}
.nav_menu .right .list{ width:100%; margin-top:20px; padding-bottom:80px; display:inline}
.nav_menu .right .list li{ width:92%; margin:0 4%; float:left; position:relative}
.nav_menu .right .list li .mz{ width:100%; font:14px/40px "微软雅黑"; color:#fff; text-indent:10px; border-bottom:solid 1px #fff}
.nav_menu .right .list li dl{ width:100%; float:right}
.nav_menu .right .list li dl dd{ width:100%; float:left; border-bottom:dashed 1px #fff}
.nav_menu .right .list li dl dd a{ width:100%; font:14px/40px "微软雅黑"; color:#fff; text-indent:20px}
.nav_menu .right .list li .wz{ font:13px/30px "微软雅黑"; color:#eee; margin:10px 40px 0 0; display:inline}

.kong{ width:100%; height:67px; display:none; clear:both; float:left}
.footer{ width:100%; padding:6px 0;  background:#4c87c3; position:fixed; left:0; bottom:0; display:none; z-index:99999}
.footer a{ width:25%}
.footer a .icon,.footer a .icon img{ width:auto; height:34px}
.footer a .wz{ width:100%; margin-top:3px; font:12px/18px "微软雅黑"; color:#fff; text-align:center}

.feed_wz{ width:100%; font:14px/30px "微软雅黑"; color:#666;}
#mob_tab{ display:none}

.big_title{ width:100%; height:70px; font:30px/50px "微软雅黑"; color:#ffaa42; text-align:center; margin-top:5px; display:inline; border-bottom:dashed 1px #ccc}
.big_title span{ font-size:18px; color:#999}
.sp_wz{ width:100%; margin-top:35px; display:inline; font:16px/32px "微软雅黑"; color:#666}

.clear{ clear:both; display:block}

@media screen and (max-width: 1750px)
{
	.topmeau { margin: 30px 0 0 0%;}
	
}


@media screen and (max-width: 1620px)
{
.topic .logo{margin: 25px 0 25px 0%}
.top_r{margin: 36px 2% 0 0}
.topmeau{    margin: 25px 0 0 0%}
.goodlist { width: 228px;}
}

@media screen and (max-width: 1565px)
{
.topmeau li .mz { padding: 0 25px;}
.goodlist { width: 282px;}
}

@media screen and (max-width: 1500px)
{
.topic{ padding:0 2%}
.topmeau li .mz{padding: 0 20px}
.ny_posi b {font: bold 28px/30px "微软雅黑"; margin-top: 0px;}
.sermin,.aboutmin { height:auto; margin: 70px 0; padding: 100px 100px;}
.aboutbot { height:auto; padding: 100px 100px;}

}

@media screen and (max-width: 1380px)
{
.main{ width:90%}
.about_nr{ width:38%}
.foot .fdh .line{margin: 0 50px}
.topmeau li .mz{ font-size:16px}
.top_r .icon .wz{ font-size:18px}
.topic .logo{margin: 25px 0 25px 0%}
.top_r{margin:36px 1% 0 0}

.topmeau li .mz{ font-size:15px}
.top_r .icon .wz{ font-size:17px}
.title .wz_en ,.title .wz_cn { font: bold 35px/40px "微软雅黑";}
.about_nr .bt {font: bold 38px/55px "微软雅黑";}
.alist .count .wz2 span { font: bold 38px/40px "微软雅黑";}
.alist .count .wz1 { font: 18px/25px "微软雅黑";}
.adv .w50 .wz1 { font: bold 80px/80px "微软雅黑";}
.adv .w50 .wz2 {font: bold 40px/50px "微软雅黑";}
.adv .w50 .wz3 { font: bold 30px/90px "微软雅黑";}
.w50img{ text-align:center}
.w50img img{ max-width:85%}
.goodlist {
    width: 230px;
}
.main{ width:98%}

.sermin,.aboutmin{ height:auto; margin: 70px 0; padding: 120px 50px;}

.aboutbot { height:auto; padding: 120px 50px;}
.probanner,.proright{ width:100%;}

}



@media screen and (max-width: 1200px)
{


.pclass .main{ width:100%}
.about_nr .bt{ font-size:30px}
.alist .count .wz2{ font-size:24px}
.topic .logo img{ height:40px}
.topmeau li .mz{ padding:0 15px}
.ys_qk .pic{ height:380px}
.ys_qk .area .bt{ font-size:24px; line-height:40px}
.about_nr{margin: 40px 0 0 4%}
.alist{ margin-top:50px}
.more{ margin-top:50px}
.pclass .list a .wz{ font-size:15px}
.in_plist li .pic{ height:320px}
.n_list li{ margin-top:40px}
.n_list li .data{ width:20%}
.n_list li .nr{ width:60%}
.n_list li .nr .bt{ font:20px/40px "微软雅黑"; height:40px}

.goodlist {
    width: 195px;
}

.cp_pcs {display: none;}
.process_lx{ text-align:right; padding-right:20px; box-sizing:border-box}
.mb_pcs {display: block;background: #dcdfe8;z-index: 99; position: relative;float: left;width: 100%;padding: 3% 0px; text-align:center}
.mb_pcs li {display: inline-block;width: 24%;padding: 3% 0px 1.5%;}
.mb_pcs li p{ font:16px/30px "微软雅黑";}
.mb_pcs li img {height: 40px;}
	
.large_box,.large_box li{ height:520px}


#hon_Box{ display:none}
.nyhonor { display:block;
    width: 100%;
    padding: 0px 13.5%;
    box-sizing: border-box;
}
.nyhonor_box {
	width: 100%;
	position: relative;
}

.nyhonor_list .hd .nyhonor_next, .nyhonor_prev {
    top: 45%;
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    margin: 0 auto;
    z-index: 1;
    cursor: pointer;
}

.nyhonor_list .hd .nyhonor_next {
    right: 0px;
    background: url(../images/next_nh.png) no-repeat;
    margin-right: -40px;
}

.nyhonor_list .hd .nyhonor_prev {
    left: 0px;
    background: url(../images/prev_nh.png) no-repeat;
    margin-left: -40px;
}

.nyhonor_box ul {
	width: 100%;
}

.nyhonor_box ul li {
	width: 298px;
	overflow:hidden;
	float: left;
	text-align: center;
}

.nyhonor_box ul li img {
	width: 90%;
	display: block;
}

.nyhonor_img {
	width: 298px;
	overflow: hidden;
	height: 346px;
}

.nyhonor_img:hover img {
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
}

.nyhonor_box ul li p {
color:#fff;
line-height: 48px;
}



}

@media screen and (max-width: 1100px)
{
.topic .logo img{ height:40px}
.topmeau{ margin:25px 0 0 2%}
.topmeau li .mz{padding:0 10px}
.cview .fclist a .wz{ font-size:18px}
.cview .fclist a .wz span{ font-size:14px}
.serzl .zldiv { padding: 70px 0 0px 45px;}
.serzl .zldiv h2{font: 25px/30px "微软雅黑";}
.serzl .zldiv h3 { font: 14px/22px "微软雅黑";}
.sermin h3,.aboutmin h3,aboutbot h3{ font: normal 30px/45px 幼圆;}

.serdiv li{ margin-bottom:50px}
.serdiv li .anr .wzl{ font: bold 30px/50px "微软雅黑"; margin-top:20px}
.serdiv li .anr .wzl i{ width:50px}
.serdiv li .anr .axq { margin-top: 20px; font: 15px/30px "微软雅黑";}

.large_box, .large_box li{ height:410px}
.small_box{ height:100px;}
.small_list{ margin-top:20px}
.btn{ height:100%}
.small_list ul li{ width:80px; height:60px}

}

@media screen and (max-width: 1023px)
{
.pardiv{ height:auto}
.scroll{ display:none}
.mpar{  display:block; margin-top:20px}
.mpar li{ width:23.5%; height:80px; float:left; margin-bottom:10px; margin-right:2%;}
.mpar li:nth-child(4n+0){ margin-right:0}
.mpar li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.topic,.b_mask,.ny_left,.slist li:hover .wz,.slist li:hover .line,.n_list li .nk .sname,.fd_bq{ display:none}
.kong,.nav,.footer{ display:block}
.fd,.news_bg,.banner{ width:100%; min-width:auto}
.main{ width:95%;}
.n_list,.in_right,.p_list,.foot .fmsg{ width:100%}
.news_bg{ padding-bottom:30px}
.in_pro{ padding-top:30px}
.news_bg{ margin-top:25px}
.in_banner_bg{ height:auto; padding:80px 0}
.in_banner_bg .lwz1{ font-size:16px; margin:0}
.in_banner_bg .lwz2{ font-size:10px}

.parea .psk .bt{ font:18px/40px "微软雅黑"}
.parea .psk .vwz{font: 14px/30px "微软雅黑"; max-height: 90px;}

.title .wz_en ,.title .wz_cn { font: bold 30px/35px "微软雅黑";}
.syul li p { font: 16px/50px "微软雅黑";}

.newsdiv .list .item .list-new ul li {
    width: 100% !important;
    height: auto;
    float: left;
    padding-bottom: 5%;
    border-top: 10px solid #f2f2f2;
}
.cpCont li .cimg{ height:380px}
.btns a,.newsdiv .list .item .list-new .btns a {  width: 50px;  height: 50px;}
.cpTab span,.proTab span{width: 180px; font: 18px/50px "微软雅黑";}

.foot .fcont .lx li {font: 16px/30px "微软雅黑"; margin-bottom: 15px;}
.foot .fmsg{ margin-top:30px}
.foot .fmsg .msbt{    font: 25px/30px "微软雅黑";}
.foot .fmsg input{ margin-top:30px}
	
.ny_left .ntitle,.ny_left .l_dh li .wz{ width:80%}
.ny_banner_sport,.ny_banner_education{ height:200px}
.p1:hover .pic img, .p_list li:hover .pic img{ transform:scale(1)}
.n_list li:hover .nk{ height:auto; background:#7565a7}

.yslist .sk .sk{ height:auto; padding-bottom:20px; display:inline}
.yslist .sk .bt{ margin-top:100px; font:15px/35px "微软雅黑"}
.yslist .sk .wz{ width:84%; line-height:28px; margin:8px 8% 0; display:inline}

.hen1{ width:100%; height:70px; float:left; display:block}
.big_title{ height:50px; font:18px/40px "微软雅黑"}
.big_title span{ display:none}
.sp_wz{ font:12px/25px "微软雅黑"; width:92%; margin:5px 4% 0; display:inline}

.ny_left{ display:none}
.ny_right{ width:100%; margin-right:0; display:inline}
.ny_title{ height:40px}
.ny_title .wz{ line-height:40px; line-height:40px; font-size:16px}
#article table,#article form{ width:100%; margin:0; overflow:hidden}
#article table tbody{ width:100%}
.ny_right .view_wz{ min-height:200px}

.contarea{ width:100%}
.newsleft{ width:65%}
.newsright{ width:32%; padding:30px 20px}
.newsright .list a .wz{ font-size:14px}
.about_nr .enwz{ font-size:14px}
.goodlist {
    width: 185px;
}
.serzl .zldiv h2 {
    font: 20px/30px "微软雅黑";
}



}

@media screen and (max-width: 900px)
{
.float1{ display:none}
.n_list li .nk .ndata,.n_list li .nk .sname,.foot .fmap{ display:none}
.in_news .lnr .ntitle{ font-weight:normal}
.pclass .list a img{ height:40px}
.pclass .list a .wz{ font-size:14px}
.in_plist li .pic{ height:280px}
.alist{ margin-top:30px}
.about_nr .bt{ font-size:24px}
.about_nr .about_wz{ font-size:14px; margin-top:25px}
.about_bg .apic,.about_nr{ width:100%}

.cpTab span, .proTab span {
    width: auto;
    padding: 0 15px;
    font: 18px/45px "微软雅黑";
}
.cpCont li .cimg {
    height: 300px;
}
.a_more{ width: 40%;font: 16px/40px "微软雅黑"; margin-top:30px; margin-bottom:30px}
.adv{ background:none}
.adv .w50 { width: 45%;}
.adv .w50 .wz1{ margin-top:0px}
.adv .w50 .wz1 { font: bold 60px/60px "微软雅黑";}
.adv .w50 .wz2 { font: bold 35px/45px "微软雅黑";}
.adv .w50 .wz3 { font: bold 25px/60px "微软雅黑";}
.adv .w50 .wz4{ font:16px/20px "微软雅黑";}
.w50img img {
    max-width: 95%;
}
.process_top {font: bold 100px/100px "微软雅黑";}
.process_top b {font: bold 30px/30px "微软雅黑";margin-top: -55px;}

.process_lx{ display:none}

.alist .count .wz2 span { font: bold 30px/30px "微软雅黑";}
.alist .count .wz1 { font: 16px/25px "微软雅黑";}
.sycj{ background:#4c87c3; height:auto;padding: 0px 0 70px;}
.syul li{ width:48%; height:auto;}
.syul li .pic {    height: 205px;}

.contarea li { width: 49%; margin: 40px 2% 0px 0;}
.contarea li:nth-child(2n+0){ margin-right:0}
.contarea li:nth-child(3){ margin-right: 2%}

.confeed { padding: 40px 2% 40px; margin: 40px 0; }
.confeed .fewm h2 { font: bold 22px/35px "微软雅黑";}
.confeed .fewm .wk .wz {font: 14px/20px "微软雅黑";}
.confeed .cmsg{ width:80%}
.confeed .cmsg .msbt { font: 22px/35px "微软雅黑"; color: #000;}
.confeed .cmsg input{ margin-top:35px}
.confeed .cmsg input[type=text] {line-height: 50px;  height: 50px;}

.fbt .fwz{ width:100%; font:14px/30px "微软雅黑"}
.foot{ height:auto; background-size:auto 100%; padding-bottom:40px}
.foot .fdh .line{ margin:0 20px}
.foot .fcont{ width:65%}
.foot .fqrcode{ width:25%;padding-top: 100px;}

.foot .fqrcode .wk{ width:80%; margin:30px 4% 0 6%}

.ny_posi {
    margin-top: 20px;
}
.ny_posi b {
    color: #000; text-align:left;
    margin-bottom: 20px;font: bold 22px/30px "微软雅黑";
}
.ny_posi .line {
    float: left;
    background: #4c87c3;
    margin-bottom: 10px;
}
.ny_posi .fllist{ float:left; width:100%; margin:10px 0}  
.ny_posi .fllist .wz {
    width: auto;
    color: #000; padding:0 20px; margin-top:0px; margin-left:0px; margin-right:10px;
    border: 1px solid #ddd;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px; margin-bottom:10px

}
.ss{ display:none}
.news_list li{ width:100%; margin:0 0 20px}
.news_list li:nth-child(2n+0){ margin:0px 0 20px 0}
.view_title {font:21px/32px "微软雅黑";}
.prolist li{ width:49% !important; margin-right:2%;}
.prolist li:nth-child(2n+0){ margin-right:0}
.prolist li:nth-child(3){margin-right:2%;}
.aboutjs,.aboutsp{ width:100%;}
.aboutjs{ margin-top:20px}
.aboutsp{ margin-top:20px; text-align:center}
.aboutjs h2 {font: 25px/36px "微软雅黑";}
.aboutjs h3 { font: 30px/35px "微软雅黑";}
.aboutbt h2{ font:30px/35px "微软雅黑";}
.aboutbt h3{ font: bold 16px/25px "微软雅黑"; text-transform:uppercase; margin:5px 0}
.aboutbt i{ width:30px; height:3px;}
.global .gleft h2{ font:25px/30px "微软雅黑"; color:#555; margin-top:50px}
.global .gleft h3{ font:35px/40px "微软雅黑"; color:#4d87c3; margin-top:15px}
.global .gleft p{ font:14px/24px "微软雅黑"; color:#444; margin:40px 0}

}

@media screen and (max-width: 720px)
{
.spdiv{ display:none}
.cpCont li,.proCont li {  margin: 0; width: 100% !important;}
.cpCont li .cimg {
    height: 400px;
}
.cview .pnyright,.cview .pnyleft{ width:100%}
.cview .fcbt{ margin-top:35px}
.cview .fcbt .icon{ top:80px}
.cview .fclist a .pic{ height:120px; padding:8px 0}
.cview .fclist a .wz{ line-height:24px}
.cview .fclist a .wz span{ font-size:12px}

.newsleft,.newsright{ width: 100% !important; }
.newdh .fan {font: 14px/50px "微软雅黑";}
.newdh span{ display: none}
.ny_posi b { font: bold 22px/25px "微软雅黑";}
.ny_posi .line { height: 3px; width: 40px;}
.serzl .zldiv,.serzl .zlimg,.serdiv li .pic,.serdiv li .anr{ width:100%;}
.serdiv li .pic{ margin-top:25px}
.serzl .zldiv { padding: 50px 0 0px 25px;}
.sermin,.aboutmin{ height:auto; margin: 70px 0; padding: 50px 30px;}
.aboutbot { height:auto; padding: 50px 30px;}
.sermin h2,.aboutmin h2,.aboutbot h2 {font: normal 15px/25px Comfortaa-Bold;}
.sermin h3,.aboutmin h3,.aboutbot h3 {font: normal 22px/35px 幼圆}

.contarea li i{ width:50px}
.contarea li i img{ max-width:100%;}
.contarea li b{font: normal 16px/16px "微软雅黑";}
.contarea li p {font: 14px/25px "微软雅黑";}

.confeed .fewm,.confeed .cmsg{ width:100%;}
.confeed .fewm .wk{ width:auto;}
.confeed .cmsg textarea{ height:200px}
.clist li .pic {  height: 300px;}
.clist li .pic .t_mc{ font:20px/30px "微软雅黑"; height:300px; width:50%;}
.clist li span{ font:14px/24px "微软雅黑";}
.culture{ width:100%;margin: 35px 0 0}
.culture li{ width:50%;}
.cultureimg{ margin-top:20px}

.pbtn{ width:20px;}
.btn{ width:20px;}
.inplist li{ width:49%; margin:15px 1% 0 0; display:inline}
.inplist li .pic{ height:140px}
.inplist li .nr .wz{ font:14px/25px "微软雅黑"}
.inplist li:nth-child(2n+0){ margin:15px 0 0 0}
}

@media screen and (max-width: 650px)
{
.psmall_list ul li,.small_list ul li{ width:80px}
.psmall_list ul{ float:left}
.newdh {font: 14px/45px "微软雅黑";}
.newdh .fan { font: 14px/45px "微软雅黑";
}
.newdh i{ margin-top:15px}
.prev .pa,.prev .pb{ width: auto;margin-top:8px;display:inline;font:14px/35px "微软雅黑";padding:0 20px; height:35px}
.cname{ font: 25px/40px "微软雅黑"; margin-top: 35px;}
.ptitle,.cvbt { font: 25px/40px "微软雅黑";}
.proright .teright {
    width: 30%;
    font: 20px/45px "微软雅黑";
    margin-top: 35px;
}
.proright .pvwz{ min-height:150px}
.ccn{ font:25px/30px "微软雅黑"; margin-top:35px}
.ecn{ font: bold 22px/30px "微软雅黑"; margin-bottom:15px;}

.csb1,.csb2{padding-left: 35px;}
.pcs p{ font:14px/25px "微软雅黑";padding:15px 0;}
.pcs div { font: 14px/25px "微软雅黑";}
.csbt{ font-size:14px; padding:15px 0}

.large_box, .large_box li{ height:410px}
.small_box{ height:100px;}
.small_list{ margin-top:20px; height:70px}
.casebg{ margin-top:30px}

}
@media screen and (max-width: 480px)
{
.plarge_box,.plarge_box li,.large_box, .large_box li{ height:250px}
.proright .teleft,.proright .teright{ width:100%;}
.proright .teright{ margin-top:10px; font: 16px/40px "微软雅黑";}
.proright .pvwz { font: 14px/25px "微软雅黑";}
.proright{ margin-top:20px}
.proright .teleft li i{ width:43px; height:43px; float:left; margin-right:10px}
.proright .teleft li i img{ max-width:100%}
.proright .teleft li p span { font: 16px/20px "微软雅黑";}
.proright .teleft li p{ font:18px/30px "微软雅黑"}

.cname{ font: 18px/30px "微软雅黑"; margin-top: 35px;}
.ptitle,.cvbt { font: 20px/30px "微软雅黑";}

.csbt{ width:100%; float:left}
.csb1,.csb2{ width:100%; float:left; box-sizing:border-box; padding:0 20px}
.ccn{ font:20px/30px "微软雅黑"; margin-top:15px}
.ecn{ font: bold 16px/20px "微软雅黑"; margin-bottom:15px;}

.cview .fclist a .wz {line-height: 16px; font-size:14px}

.scroll{ display:none}
.pardiv{ margin-top:30px; padding-bottom:30px; height:auto;}
.title{ margin-top:30px}
.mpar{  display:block; margin-top:20px}
.mpar li{ width:49.5%; height:80px; float:left; margin-bottom:2px; margin-right:1%;}
.mpar li:nth-child(2n+0){ margin-right:0}
.mpar li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.ny_right .view_wz iframe{ height: 300px;}
.in_cbg .c_block .wz,.p_list li .p_mc{ font-size:10px}
.p_list li .p_mc{ height:30px; line-height:30px}
.in_banner_bg .lwz1{ font-size:12px; line-height:30px; margin:0}
.in_banner_bg .lwz2{ font-size:8px; line-height:20px;}	

.cview{ font-size:14px}
.cview{ padding:15px}
.cview .pnyleft .xqbt{ margin-top:10px; font-size:20px; line-height:24px}
.cview .pnyleft .cpmc{ font-size:24px; line-height:30px}
.cview .pnyleft .tdwz,.cview .pnynr{ font-size:14px}
.cview .pnynr{ line-height:28px}
.cview .fclist a,.cview .fclist a:nth-child(4n+0){ width:49%; margin:15px 1% 0 0; display:inline}
.cview .fclist a:nth-child(2n+0){ margin:15px 0 0 0}



.newsright .bt { font:20px/30px "微软雅黑";}

.about_nr{ width:94%; margin:15px 3% 0; display:inline}
.apic{ width:86%; margin:15px 7% 0; display:inline}

.parea{ padding-bottom:10px}
.parea .pic{ width:100%; height:auto}
.parea .psk{ width:94%; margin:15px 3% 0; display:inline}
.pclass .icon{ left:65px}

.n_list{ width:94%; margin:0 3%}
.n_list li{ width:100%; margin:0}
.n_list li .pic{ width:100%}

.ny_banner{ margin-top:70px; height:220px; background-position:left bottom}

.about_wz { font: 14px/35px "微软雅黑";}
.alist .count .wz2 span {
    font: bold 24px/30px "微软雅黑";
}

.s_list{ margin-top:0}
.s_list li{ width:92%; margin:20px 4% 0}

.t_list li{ width:100%; margin:15px 0 0; display:inline}
.news_sxy a,.news_sxy div{ width:100%; text-align:left}

.syul li .pic {
    height: 155px;
}
.mgt65{ margin-top:20px}
.adv .w50,.w50img{ width:100%}
.w50img img{ margin-top:30px}
.adv .w50 .wz2 {
    font: bold 30px/45px "微软雅黑";
}
.proTab,.cpTab{ text-align:center}
.cpCont{ margin-top:30px}
.chanps{ padding-top:30px}
.cpTab span, .proTab span{ padding: 0 6px}
.cpCont li .cimg {
    height: 350px;
}
.proTab span{ float:none; font:18px/45px "微软雅黑"; display: inline-block; margin-bottom:10px}
.newsdiv .list .item .list-new ul li .pic{ height:250px}
.newsdiv .list .item .list-new ul li{ margin:0}
.view_title{ font:14px/30px "微软雅黑"}
.ny_position{ font-size:10px}

.news_list li .nrk .n_title{ height:30px; font:14px/30px "微软雅黑"}
.news_list li .nrk .n_view{ font-size:12px}
.news_list li .pic{ height:auto}
.news_sxy a, .news_sxy div{ width:100%}

.title .twz_ch,.s_list li .bt_ch, .contact .cont_nr .bt_ch{font-size:15px}
.s_list li .s_more{ font-size:14px}
.contact .cont_nr .wzk{ padding:10px 5% 25px; height:auto}
.contact .cont_nr .c_addwz{ height:auto; font-size:10px}

.pro_pic,.pro_nr{ width:100%}
.prolist li{ margin-bottom:25px}
.prolist li,.prolist li a .pic{ border-radius:10px}
.prolist li a .pic{ height:200px; margin-bottom:10px; }
.prolist li p {font: 14px/30px "微软雅黑"; margin:15px 0}
.prolist li p i {
    width: 30px;
    height: 30px;}
.pro_nr .ptitle{ font:16px/40px "微软雅黑"}
.pro_nr .pwz{ margin-top:5px; font:12px/28px "微软雅黑"}
.prev .pa, .prev .pb{ font-size:13px}
.pview_t .wz1{ padding:0 20px; font-size:13px}

.s_list li .s_xq,.s_list li .s_add,.s_list li .bt_en, .contact .cont_nr .bt_en{ font-size:10px}

#mob_tab{ display:block}

.foot .fdh{ display:none}
.foot .fcont{ width:90%; height:auto; border:none; padding:0}
.foot .fqrcode{ width:100%; border:none; height:auto}
.foot .fqrcode .wk{ width:30%; float:left}

.title .wz_en{ font-size:24px}
.title .wz_cn{ font-size:20px; line-height:30px}
.ys_qk{ margin-top:30px}
.ys_qk .wline{ width:10%}
.ys_qk .area{ width:85%}
.ys_qk .area .bt{ font-size:20px}
.more{ margin-top:30px}
.ys_qk .pic{ width:94%; height:260px; margin:20px 3% 0}
.ys_qk .area .vwz{ margin-top:20px}
.in_news{ height:auto; background:none; margin-top:30px}
.in_news .lnr{ width:94%; padding:20px 3% 0}
.in_news .rpic{ width:100%; height:280px}
.in_news .lnr .ntitle{ font-size:24px}
.in_news .lnr .nbt{ font-size:16px; margin-top:10px}
.in_news .lnr .nxq{ width:100%}
.about_bg{ height:auto; padding-bottom:20px}
.about_bg .apic{ width:100%; height: auto; margin:0}
.alist .count .wz2{ font-size:18px}
.pclass{ height:auto}
.pclass .list a{ width:calc(100%/3)}
.in_plist li .pic{ height:130px}
.in_plist li .pic .wz{ font-size:14px; right:10px}
.n_list li .data{ width:25%}
.n_list li .nr{ width:65%;padding:0 5%}
.n_list li .nr .bt{ font-size:16px}
.hlist li{ width:48%; margin:25px 4% 0 0}
.hlist li:nth-child(2n+0){ margin:25px 0 0 0}
.prolist li,.prolist li:nth-child(4n+0){}
.clist li .pic {  height: 200px;}
.clist li .pic .t_mc{ font:16px/30px "微软雅黑"; height:200px; width:80%; padding:20px 30px}
.clist li span,.clist li i{ display:none}
.news_list li .n_view{ height:20px}
.prolist li a{ padding:0}
.proright,.ny_posi .fllist{ width:100%}
.ny_posi { margin-top:20px}
.ny_posi b{ color:#000; text-align:left; font: bold 18px/25px "微软雅黑"; margin-bottom:10px}
.ny_posi .line{ float:left; background:#4c87c3; margin-bottom:10px}

.serzl{ margin-top:0px}
.serzl .zldiv {  padding: 30px 0 0px 20px;}
.serzl .zldiv h2 { font: 16px/25px "微软雅黑";}
.serzl .zlimg{ display:none}

.sermin, .aboutmin {  margin: 30px 0; }
 .aboutbot {  }
.sermin h2, .aboutmin h2, .aboutbot h2 { font: normal 14px/22px Comfortaa-Bold;letter-spacing: 3px;}
.sermin h3, .aboutmin h3, .aboutbot h3 { font: normal 18px/28px 幼圆;letter-spacing: 20px;}

.serdiv li .anr .wzl { font: bold 20px/40px "微软雅黑"; margin-top: 0px;}
.serdiv li .anr .wzl i { width: 40px;}
.serdiv li .anr .axq { margin-top: 20px; font: 14px/22px "微软雅黑";}
.serzl .zldiv h3 {  font: 14px/22px "微软雅黑"; margin-bottom:10px;}

.global{ margin-top:10px}
.global .gleft,.global .gright{ width:100%}
.abouttitle{ margin-top:20px; font-size:18px}
.contbg{ padding:20px 0 40px 0}
.contbg .cbt{ font:18px/40px "微软雅黑"; margin-top:20px}
.contbg .submit{ margin-top:25px}
#article{ margin-top:40px}
.contarea li {
    width: 100%;
    margin: 20px 2% 0px 0;
}
.contarea li { padding:25px 0}
.contarea .bt{ font-size:16px}
.contarea .contwz,.contbg .c1{ font-size:14px}
.confeed .cmsg input{ width:100%; margin-right:0px !important;margin-top: 15px;}
.confeed .cmsg textarea { height: 150px; margin-top:15px;}
.confeed .cmsg .button { width: 100%; font: 14px/40px "微软雅黑"; border-radius: 5px;}
.confeed .fewm .line{ width:100%;}
.confeed .fewm .wk { width: 50%;float: left; margin-top:0px;}

.pro_view{ padding:8px}
.news_list li .n_title{ font-size:15px}
.news_list li .btn{ width:120px}
.newsleft,.newsright{ width:100%}
.newsright{ min-height:auto}
.news_sxy{ margin-top:25px}
#hlist1{ display:none}
#hlist2{ display:block}

.flink{ display:none}
.foot .fqrcode{ padding-top:0px}
.foot .fmsg .msbt {
    font: 18px/28px "微软雅黑";
}
.foot .fqrcode .wk .wz {
    font: 14px/20px "微软雅黑";
}
.foot .fmsg input,.foot .fmsg textarea{ font-size:14px}
.foot .fmsg .button{ font:14px/35px "微软雅黑";}
.fbt .fwz {font: 14px/25px "微软雅黑";}
.foot .fcont .lx li i {
    width: 30px;
    height: 30px;
}
.foot .fcont .lx li i img{ max-width:100%;}
.foot .fcont .lx li { margin-bottom: 10px;font: 14px/30px "微软雅黑";}

.culture li {
    width: 100%;
}
.honbg{ padding:40px 0}
.nyhonor_img { height: 250px;}
.aboutbt h2{ font:25px/35px "微软雅黑";}
.aboutbt h3{ font: bold 14px/22px "微软雅黑"; text-transform:uppercase; margin:5px 0}
.aboutjs h2 {
    font: 22px/30px "微软雅黑"; margin-top:5px
}
.aboutjs h3 {
    font: 28px/30px "微软雅黑"; margin-bottom:5px; margin-top:5px
}
.aboutjs .jswz{ font:14px/22px "微软雅黑"}
.aboutjs .alogo img{ max-width:70%;}
.aboutjs i{ margin:10px 0}
}

@media screen and (max-width: 1024px)
{
.fzlc_bg{height:auto; background-size:auto 100% !important; padding:30px 0 40px 0}

}

@media (max-width: 1024px) and (min-width: 769px)
{
.main,.t_main,.in_right,.banner{ width:100%}
.ny_right .view_wz iframe{height:400px}
.main,.t_main{ width:100%}
.fd,.topic,.b_mask,.b_posi,.b_mask,.news_bg,.in_banner_bg,.in_cbg,.in_pro,.ny_banner{ min-width:100%}
.topic{ height:auto; padding:25px 0}
.topic .logo{ width:20%;margin:0 0 0 2%}
.top_r{ width:70%}
.menu{ width:100%; height:auto}
.menu li{ margin-left:3.5%; height:auto}
.menu li .mz{ padding:0; height:auto; line-height:50px}
.menu li dl{ display:none}
.b_mask{ height:100px; top:-100px}
.a_list .area{ width:25%; height:100px}
.a_list .area .icon{ width:22%; margin:20px 0 0 5%}
.a_list .area .awk{ width:65%; margin-top:20px}
.a_list .area .awk .w1{ font-size:18px; line-height:30px; height:30px}
.a_list .area .awk .w2{ font-size:14px}
.in_banner_bg{ height:400px}
.in_banner_bg .lwz1{ margin-top:154px}

.p1{ width:48%}
.p_list li{ width:45.5%}

.contact .cont_nr .wzk{ width:100%; height:214px; padding:14px 7% 0}
.contact .cont_nr .c_addwz{height:130px}

.s_list{ width:100%}
.s_list li{ width:30%; margin:30px 0 0 2.5%}
.s_list li .nr{ width:84%; margin:10px 8% 0}

.t_list{ width:100%}
.t_list li{ width:40%; margin:20px 5% 0; display:inline}

.news_list li .nrk{ width:70%}

.foot{ height:auto; min-width:auto; min-height:auto; padding-bottom:50px}
.fbt .flogo{ width:20%; height:auto; margin:20px 0 0 2%;}
.fbt .flogo img{ width:100%; margin-top:10px}
.foot .fline{ display:none}
.fbt .fwz{font: 13px/95px "微软雅黑";}

foot .fcont { width: 65%;}
.foot .fqrcode {
    width: 25%;
    padding-top: 120px;
}
.foot .fqrcode .wk{ width:auto; float:left}
.foot .fqrcode .wk .wz{ text-align:left}
.foot .qrcode{ width:12%; margin:20px 2% 0 0; display:inline}
.foot .qrcode img{ width:100%; height:auto}

}